<template>
	<view>
		<!--主体-->
		<view class="meMain">
			<view class="mePosition">
				<view class="meMainBox">

					<!--其他-->
					<view class="meOverBg"> 
										
						<view class="businessList">
						<view class="businessListTxt">淘宝账号</view>
						<view class="businessListYou"><input placeholder="输入淘宝账号" /></view>
						</view>
						<view class="businessList">
						<view class="businessListTxt">信用等级</view>
						<view class="businessListYou"><input placeholder="输入信用等级"  /></view>
						</view>
						<view class="businessList">
						<view class="businessListTxt">淘气值</view>
						<view class="businessListYou"><input placeholder="输入淘气值"  /></view>
						</view>

						<view class="businessList">
						<view class="businessListTxt">购物标签</view>
						<view class="businessListYou"><input placeholder="选择购物标签"  /></view>
						</view>

						<view class="businessList">
						<view class="businessListTxt">账号性别</view>
						<view class="businessListYou"><input placeholder="选择账号性别"  /></view>
						</view>

						<view class="businessList">
						<view class="businessListTxt">生日</view>
						<view class="businessListYou"><input placeholder="输入生日"  /></view>
						</view>

						<view class="businessList">
						<view class="businessListTxt">收件人</view>
						<view class="businessListYou"><input placeholder="输入收件人"  /></view>
						</view>


						<view class="businessList">
						<view class="businessListTxt">收件人号码</view>
						<view class="businessListYou"><input placeholder="输入收件人号码"  /></view>
						</view>


						<view class="businessList">
						<view class="businessListTxt">收件地址</view>
						<view class="businessListYou"><input placeholder="输入收件地址"  /></view>
						</view>


						<view class="businessList">
						<view class="businessListTxt">详细地址</view>
						<view class="businessListYou"><input placeholder="输入详细地址"  /></view>
						</view>

														
						
					</view>
					<!--其他-->		
					<!--订单-->
					<view class="meOverBg">
					<view class="meVisitorTitle">按照下列要求上传截图</view>
						<view class="meVisitor">
							<view class="meOrderLt">
									<view class="meOrderTxt_01"><image src="../../static/icon/addImg.png"></image></view>
								<view class="meOrderTxt_02">我的淘宝</view>
							</view>
							
							<view class="meOrderLt">
									<view class="meOrderTxt_01"><image src="../../static/icon/addImg.png"></image></view>
								<view class="meOrderTxt_02">评价管理</view>
							</view>
							
							<view class="meOrderLt">
									<view class="meOrderTxt_01"><image src="../../static/icon/addImg.png"></image></view>
								<view class="meOrderTxt_02">支付认证</view>
							</view>
						</view>
					<view class="meVisitorTitle"><button @click="submit">保存</button></view>
						</view>
						<!--订单-->
				</view>
			
						
			
			</view>
			
		</view>
		<!--主体-->
	      
 
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		onShow() {



		},
		methods: {
         submit:function(e){
			 uni.navigateTo({
			 	url:"detail"
			 })
		 }

		}
	}
</script>

<style>
	page {
	background-color: rgb(240, 240, 240);
	}

	.meMain {
		width: 100%;
		position: relative;
	}

	.meMain>image {
		width: 100%;
		height: 220upx;
		display: block;
	}


	.mePosition {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.meHead {
		overflow: hidden;
		position: relative;
	}

	


	.meOverBg {
		background: #FFFFFF;
		overflow: hidden;
		margin-top: 30upx;
	}

	.meVisitor {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}

	.meVisitorLt {
		width: 50%;
		text-align: center;
		margin: 30upx 0;
		
	}


	.meVisitorTxt_01 {
		font-size: 28upx;
		color: #666666;
	}

	.meVisitorTxt_01 image {
		width: 35upx;
		height: 35upx;
		vertical-align: middle;
		margin: 0 10upx 4upx 0;
	}

	.meVisitorTxt_02 {
		font-size: 30upx;
		color: #3B7ED5;
	}

	.meVisitorTitle {
		font-size: 30upx;
		color: #333333;
		padding: 20upx 30upx;
	}

	.meOrderLt {
    width: 25%;
    text-align: center;
    padding: 14px 0;
    transition: all 0.4s;
	}

	.meOrderLt:active {
		background: #E2E2E2;
	}



	.meOrderTxt_01 image {
		width: 180upx;
		height: 180upx;
		display: block;
		margin: 0 auto 6upx;
	}

	.meOrderTxt_02 {
		font-size: 28upx;
		color: #666666;
	}

	.businessList {
		overflow: hidden;
		padding: 25upx 30upx;
		border-bottom: 1px #F5F5F5 solid;
		transition: all 0.4s;
	}

	.businessList:active {
		background: #E2E2E2;
	}

	.businessList:last-child {
		border-bottom: none;
	}

	.businessListTxt {
		width: 30%;
		float: left;
		font-size: 28upx;
		color: #333333;
	}

	.businessListTxt image {
		width: 35upx;
		height: 35upx;
		vertical-align: middle;
		margin: 0 10upx 4upx 0;
	}

	.businessListYou {
float: left;
    font-size: 13px;
    color: #333333;
    width: 70%;
	}

	.businessListYou image {
		width: 20upx;
		height: 20upx;
		vertical-align: middle;
		margin: 0 0 4upx 10upx;
	}
	
	input{
		font-size: 13px;
	}
	
	button{
		width: 90%;
		color: white;
		margin-top: 20px;
		background: #FF8C00;
	}
</style>
